<%@ include file="/WEB-INF/views/jsp/include/include.jsp"%>
<html>
<head>
    <title>Hand In Hand</title>
    <%@ include file="/WEB-INF/views/jsp/include/head.jsp"%>
</head>

<body>
	<%@ include file="/WEB-INF/views/jsp/include/header.jsp"%>
	<%@ include file="/WEB-INF/views/jsp/include/navigator.jsp"%>

	<div class="container-fluid">
		<div id="listEvents">
			<c:forEach var="event" items="${eventList}">
				<div style="width:450px; height:200px; border: 1px solid #898787 !important; border-radius:10px; margin-top: 4px; margin-bottom: 4px; margin-left:4px; margin-right:4px; padding-bottom: 3px;padding-top: 3px;" class="col-xs-4">
				
				<a class="list-group-item-warning"  href="<spring:url value='/communities/${event.community.id}/events/${event.id}'></spring:url>">
					${event.name}
				</a><br>
					${event.description} <br>
					<b>Starts: </b> ${event.startingTime} <br>
					<b>Ends: </b> ${event.endingTime} <br>
					<b>Place: </b> ${event.location} <br>
					<b>Community Belonged: </b> <a class="list-group-item-warning"  href="<spring:url value='/communities/${event.community.id}'></spring:url>">
					${event.community.name}
				</a><br>
				</div>
			</c:forEach>
		</div>	
	</div>

	<%@ include file="/WEB-INF/views/jsp/include/footer.jsp"%>

</body>
</html>